﻿<!DOCTYPE html>
<html>
    <head>
        <title>Jobboard BootStrap Home</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link href="Content/Bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
        <link href="Content/Bootstrap/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
        <link href="Content/flexslider.css" rel="stylesheet" type="text/css" />
        <link href="Content/NewDesign.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
            .jb-slider-box{min-height:220px; padding:20px; background-color:#c4dad5; color:#334a52;}
            .jb-slider-box h1{text-shadow: 0 2px 3px #4c6e7a}
            .jb-footer{background-color:#ffffff; width:100%; color:#2b3e44; margin-top:20px; border-top:#98b0ab 1px solid;}
            .jb-footer .jb-footer-cell{border-right:#efefef 1px solid; min-height:120px; margin-top:20px; margin-bottom:20px; padding:20px;}
            .jb-footer .jb-footer-cell-last{border-right:none;}
            .jb-footer .jb-footer-cell ul{list-style:none; margin-left:0px;}
            .jb-footer .jb-footer-cell ul li{line-height:30px;}
            .jb-footer-copyright{margin-top:10px; color:#cccccc; border-top:#efefef 0px solid;}
            #txtMasterSearch{margin-bottom:0px;/*-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;*/}
        </style>
    </head>
<body>
    <!--Top Navigation Start-->
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-th-list icon-white"></span>
                </a>
                <a href="#" class="brand">JB Enterprise</a>
                <div class="nav-collapse collapse">                    
                    <ul class="nav pull-right">
                        <!--<li><a href="/">Home</a></li>
                        <li class="active"><a href="#">About Us</a></li>-->
                        <li><a href="#">Registration</a></li>
                        <li><a href="/account/logon">Login</a></li>
                        <li>
                            <form class="navbar-search" method="post" action="/job/search">
                                <input type="text" id="txtMasterSearch" name="masterSearch" value="" placeholder="Search Jobs ..." />
                            </form>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--Top Navigation End-->
    <!--<div class="hero-unit">-->
    <div class="container">
        <div class="row-fluid">
            <div class="flexslider span12">
                <ul class="slides">
                    <li>
                        <div class="jb-slider-box">
                            <h1>Job Board Enterprise Redefined.</h1>
                            <div>
                                <ul>
                                    <li>Most finely tuned Job Board ever! Compatible with any devices and integrations made easy.</li>
                                    <li>Now JobBoard is compatible in any device, with modern responsive UI design technology.</li>
                                    <li>No multiple deployment is necessary for different devices, reduces maintenance hastle.</li>
                                    <li>Built with cutting edge technologies like ASP .NET MVC, Entity Framework.</li>
                                </ul>
                            </div>
                            <p></p>
                            <p>
                                <a href="#myModal" class="btn btn-primary btn-large" data-toggle="modal">Get Started</a>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="jb-slider-box">
                            <h1>Industry Leading Searching Tool</h1>
                            <div>
                                <ul>
                                    <li>JobBoard's Index based search engine gives you the Enterprise grade searching performance and acurate results.</li>
                                    <li>Lightning fast index based searching, with customized searching facility like exact match, or/ and search.</li>
                                    <li>Our search engine is capable to deliver google like abstract matching (at some extent).</li>
                                </ul>
                            </div>
                            <p></p>
                            <p>
                                <a href="#myModal" class="btn btn-primary btn-large" data-toggle="modal">Try Search</a>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="jb-slider-box">
                            <h1>Apply Jobs and Search Resume with an ease.</h1>
                            <div>
                                <ul>
                                    <li>Now job seekers can apply to their favourite jobs with a single click.</li>
                                    <li>Employers can manage their short listed applications and invite for an interview in a convenient way.</li>
                                    <li>Resume search made easy and perfect, to present you with most relevent candidates for a company.</li>
                                </ul>
                            </div>
                            <p></p>
                            <p>
                                <a href="#myModal" class="btn btn-primary btn-large" data-toggle="modal">Take a Tour</a>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row-fluid">
            <!--Left Panel Start -->
            <div class="span9">                
                <div class="row-fluid">
                    <div class="span4">
                        <div class="dashboard-stat blue">
                            <div class="visual"><!--<i class="icon-comments"></i>--></div>
                            <div class="details">
                                <div class="number">542</div>
                                <div class="desc">Tele Communications</div>
                            </div>
                            <a href="#" class="more">View more <i class="m-icon-swapright m-icon-white"></i></a>                 
                        </div>
                    </div>
                    <div class="span4">
                        <div class="dashboard-stat purple">
                            <div class="visual"><!--<i class="icon-comments"></i>--></div>
                            <div class="details">
                                <div class="number">1,349</div>
                                <div class="desc">Marketing</div>
                            </div>
                            <a href="#" class="more">View more <i class="m-icon-swapright m-icon-white"></i></a>                 
                        </div>
                    </div>
                    <div class="span4">
                        <div class="dashboard-stat green">
                            <div class="visual"><!--<i class="icon-comments"></i>--></div>
                            <div class="details">
                                <div class="number">1,478</div>
                                <div class="desc">Information Technology</div>
                            </div>
                            <a href="#" class="more">View more <i class="m-icon-swapright m-icon-white"></i></a>                 
                        </div>
                    </div>                    
                </div>
                <div class="clearfix"></div>
                <div class="row-fluid">                    
                    <div class="span4">
                        <div class="dashboard-stat yellow">
                            <!--<div class="visual"><i class="icon-comments"></i></div>-->
                            <div class="details">
                                <div class="number">1,478</div>
                                <div class="desc">Information Technology</div>
                            </div>
                            <a href="#" class="more">View more <i class="m-icon-swapright m-icon-white"></i></a>                 
                        </div>
                    </div>

                    <div class="span4">
                        <div class="dashboard-stat red">
                            <!--<div class="visual"><i class="icon-comments"></i></div>-->
                            <div class="details">
                                <div class="number">1,478</div>
                                <div class="desc">Informat Technology</div>
                            </div>
                            <a href="#" class="more">View more <i class="m-icon-swapright m-icon-white"></i></a>                 
                        </div>
                    </div>
                    <div class="span4">
                        <div class="dashboard-stat blue">
                            <div class="visual"><!--<i class="icon-comments"></i>--></div>
                            <div class="details">
                                <div class="number">1,478</div>
                                <div class="desc">Information Technology</div>
                            </div>
                            <a href="#" class="more">View more <i class="m-icon-swapright m-icon-white"></i></a>                 
                        </div>
                    </div>
                </div>
            </div>
            <!--Left Panel End-->

            <!--Right Side Panel Start-->
            <div class="span3">
                <ul class="nav nav-list well">
                    <li class="nav-header">Featured Jobs</li>
                    <li><a href="#">ASP .NET Developer</a></li>
                    <li><a href="#">Chief Marketing Executive</a></li>
                    <li><a href="#">Development Manager</a></li>
                    <li><a href="#">Team Lead for a PHP Team</a></li>
                </ul>
                <div>&nbsp;</div>
                <ul class="nav nav-list well">
                    <li class="nav-header">Featured Companies</li>
                    <li><a href="#">Vizrt Bangladesh</a></li>
                    <li><a href="#">Metatude Asia Ltd.</a></li>
                    <li><a href="#">Saudi Arabai Bangladesh</a></li>
                    <li><a href="#">Apple Inc.</a></li>
                </ul>
            </div>
            <!--Right Side Panel End-->
        </div>
    </div>

    <!--Footer Start-->
    <!--<div class="navbar jb-footer">-->
        <div class="jb-footer">
            <div class="container">
                <div class="row-fluid">
                    <div class="span4 jb-footer-cell">
                        <ul>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Contacts</a></li>
                            <li><a href="#">Write to Us</a></li>
                        </ul>
                    </div>
                    <div class="span4 jb-footer-cell">
                        <ul>
                            <li><a href="#">Register as Job Seeker</a></li>
                            <li><a href="#">Register your Company</a></li>
                            <li><a href="#">Search Jobs</a></li>
                        </ul>
                    </div>
                    <div class="span4 jb-footer-cell jb-footer-cell-last">
                        <div><input type="text" value="" placeholder="Subscribe Newsletter" /></div>
                        <div class="jb-footer-copyright">
                            Copyright&copy; 2013 ZealousIT all rights reserved.
                        </div>
                    </div>
                </div>                                 
            </div>
        </div>    
    <!--</div>-->

    <!--Footer End-->

    <!--Modal Popup Section Start-->
    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 id="myModalLabel">Modal header</h4>
        </div>
        <div class="modal-body">
            <p>One fine body…</p>
        </div>
        <div class="modal-footer">            
            <button class="btn btn-primary">Save changes</button>
            <button class="btn" data-dismiss="modal" aria-hidden="true"><i class="icon-off"></i> Close</button>
        </div>
    </div>
    <!--Modal Popup Section End-->

    <script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>    
    <script src="Content/Bootstrap/js/bootstrap.js" type="text/javascript"></script>    
    <script src="Scripts/flexslider.js" type="text/javascript"></script>

    <script language="javascript" type="text/javascript">
        $(window).load(function () {
            $('.flexslider').flexslider({
                animation: "slide", //"fade"
                slideshowSpeed: 7000
            });
        });
    </script>
</body>
</html>
